<!DOCTYPE html> 
<html> 


<!-- Mirrored from jquerymobile.com/demos/1.0b1/docs/pages/multipage-template.html by HTTrack Website Copier/3.x [XR&CO'2010], Mon, 27 Jun 2011 17:14:06 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8"><!-- /Added by HTTrack -->
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<title>Page Title</title> 
	<link rel="stylesheet"  href="../../../../../code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.css" />  
	<link rel="stylesheet" href="../assets/css/jqm-docs.css"/>
	<script src="../../../../../code.jquery.com/jquery-1.6.1.min.js"></script>
	<script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
	<script src="../assets/js/jqm-docs.js"></script>
	<script src="../../../../../code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.js"></script>
</head>
	
<body> 

<!-- Start of first page -->
<div data-role="page" id="foo">

	<div data-role="header">
		<h1>Foo</h1>
	</div><!-- /header -->

	<div data-role="content">	
		<h2>Foo</h2>
		<p>I'm first in the source order so I'm shown as the page.</p>		
		<p>View internal page called <a href="#bar">bar</a></p>	
		<p>View internal page called <a href="#baz" data-rel="dialog" data-transition="pop">baz</a> as a dialog.</p>
	</div><!-- /content -->
	
	<div data-role="footer">
		<h4>Page Footer</h4>
	</div><!-- /footer -->
</div><!-- /page -->


<!-- Start of second page -->
<div data-role="page" id="bar">

	<div data-role="header">
		<h1>Bar</h1>
	</div><!-- /header -->

	<div data-role="content">	
		<h2>Bar</h2>
		<p>I'm the bar page.</p>		
		<p><a href="#foo" data-direction="reverse">Back to foo</a></p>	
		<p>Or view an <a href="link-formats.html">external page</a> from here!</p>
	</div><!-- /content -->
	
	<div data-role="footer">
		<h4>Page Footer</h4>
	</div><!-- /footer -->
</div><!-- /page -->


<!-- Start of second page -->
<div data-role="page" id="baz">

	<div data-role="header">
		<h1>Baz</h1>
	</div><!-- /header -->

	<div data-role="content">	
		<h2>Baz</h2>
		<p>I'm the baz page, viewed as a dialog.</p>		
		<p><a href="#foo" data-rel="back">Back to foo</a></p>	
	</div><!-- /content -->
	
	<div data-role="footer">
		<h4>Page Footer</h4>
	</div><!-- /footer -->
</div><!-- /page -->

</body>

<!-- Mirrored from jquerymobile.com/demos/1.0b1/docs/pages/multipage-template.html by HTTrack Website Copier/3.x [XR&CO'2010], Mon, 27 Jun 2011 17:14:06 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8"><!-- /Added by HTTrack -->
</html>
